<template>
  <div class="DivFrom">
    <el-tabs type="border-card" style="box-sizing: border-box; padding: 30px">
      <el-tab-pane class="el-tab-pane" @click="layOut" label="五年规划项目">
        <Newone></Newone>
      </el-tab-pane>
      <el-tab-pane
        class="el-tab-pane"
        @click="layOutF"
        label="政府投资项目(50万以上)"
      >
        <Newone></Newone>
      </el-tab-pane>
      <el-tab-pane
        class="el-tab-pane"
        @click="layOutE"
        label="政府投资项目(50万以下)"
      >
        <Newone></Newone>
      </el-tab-pane>
      <el-tab-pane class="el-tab-pane" @click="layOutg" label="企业投资项目">
        <Newone></Newone>
      </el-tab-pane>
      <el-tab-pane class="el-tab-pane" @click="layOuth" label="信息化项目">
        <Newone></Newone>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script>
import Newone from "./New/Newone";
export default {
  name: "Xinzeng",
  components: {
    Newone,
  },
  data() {
    return {
      proType: 1,
      lay_type: 1,
      lay_type1: 1,
      lay_type2: 1,
      lay_type3: 1,
      lay_type4: 1,
      //项目类型(1.五年规划项目2.政府投资50万以上3.政府投资50万以下4.企业投资项目5.信息化项目)
     
    };
  },
  methods: {
    layOut() {
      this.proType = 1;
      //切换时候导入数据
      this.importdata();
      console.log("heehi")
      if (this.lay_type == 1) {
        this.lay_type = 0;
        this.lay_type1 = 1;
        this.lay_type2 = 1;
        this.lay_type3 = 1;
        this.lay_type4 = 1;
      }
    },

    layOutF() {
      this.proType = 2;
      //切换时候导入数据
      this.importdata();
      if (this.lay_type1 == 1) {
        this.lay_type1 = 0;
        this.lay_type = 1;
        this.lay_type2 = 1;
        this.lay_type3 = 1;
        this.lay_type4 = 1;
      }
      // this.dialogFrameSrc('1');
    },
    layOutT() {
      if (this.lay_type2 == 1) {
        this.lay_type2 = 0;
        this.lay_type1 = 1;
        this.lay_type = 1;
        this.lay_type3 = 1;
        this.lay_type4 = 1;
      }
    },
    layOutE() {
      this.proType = 3;
      //切换时候导入数据
      this.importdata();
      if (this.lay_type2 == 1) {
        this.lay_type = 1;
        this.lay_type1 = 1;
        this.lay_type2 = 0;
        this.lay_type3 = 1;
        this.lay_type4 = 1;
      }
    },
    layOutg() {
      this.proType = 4;
      //切换时候导入数据
      this.importdata();
      if (this.lay_type3 == 1) {
        this.lay_type = 1;
        this.lay_type1 = 1;
        this.lay_type2 = 1;
        this.lay_type3 = 0;
        this.lay_type4 = 1;
      }
    },
    layOuth() {
      this.proType = 5;
      //切换时候导入数据
      this.importdata();
      if (this.lay_type4 == 1) {
        this.lay_type = 1;
        this.lay_type1 = 1;
        this.lay_type2 = 1;
        this.lay_type3 = 1;
        this.lay_type4 = 0;
      }
    },
  },
};
</script>
<style lang="less" scoped>
/deep/.el-tabs--border-card > .el-tabs__header .el-tabs__item {
  width: 180px;
  height: 50px;
  background-color: rgb(199, 226, 243);
  text-align: center;
  border-radius: 5px;
  margin-right: 10px;
  line-height: 50px;
  font-size: 12px;
}
/deep/.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
  width: 180px;
  height: 50px;
  background-color: rgb(3, 89, 137);
  color: white;
  border-radius: 5px;
}
// /deep/.el-tabs__nav{
//     white-space: normal;
// }
/deep/.el-tabs--border-card > .el-tabs__content {
  padding: 10px 0 0 0;
}
/deep/.el-input--mini .el-input__inner {
  width: 100%;
  height: 30px;
}
/deep/.el-input__inner {
  border: 1px solid rgb(74, 155, 210);
  outline: none;
}
/deep/.el-form-item {
  font-weight: 900;
  font-size: 16px;
}
/deep/.el-form-item__label {
  color: black;
}
/deep/.el-textarea .el-textarea__inner {
  border: 1px solid rgb(74, 155, 210);
  outline: none;
  height: 60px;
}
/deep/.el-tabs__item .is-top {
  width: 300px;
}
/deep/.el-tabs__item {
  padding: 0;
}
/deep/.el-tabs__item:nth-child(2) {
  box-sizing: border-box;
  padding-right: 50px;
}
/deep/.el-tabs__nav-scroll {
  background-color: rgb(248, 248, 248);
}
.input_css {
  width: 30%;
  height: 30px;
}
/deep/.el-radio-group {
  background-color: white;
}
/deep/.el-form-item__label:nth-child(10) {
  width: 20% !important;
  background-color: tomato;
}
</style>
